<style>
	#manhz{
		width:546px;
		height:496px;
		border-top-right-radius: 30px;
		border-bottom-right-radius: 30px;
		background-color: rgba(0, 0, 0, 0.84);
	}
	.items a{text-decoration:none;color:#fff;width:30%;padding:.5em 0;border-radius:1em;display:inline-block;transition:transform .3s}
	.items a i{font-size:3em}
	.items a i,#home .items a span{display:block;margin-top:1em}
	.items a:hover{transform:scale(1.1)}
	.items{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:center}
	@media(max-width:768px){
	#manhz{
		width: 315px;
		height: 345px;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 30px;
		border-bottom-right-radius: 30px;
	}
	}
</style>
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css">
<div id="manhz">
	
    <div class="items">
        <a href="/tools/html_edit.html" rel="noopener">
            <i class="fa fa-th"></i>
            <span>在线html编辑器</span>
        </a>
         <a href="/tools/video.html" target="_blank" rel="noopener">
            <i class="fa fa-th"></i>
            <span>html5播放器</span>
        </a>
        <a href="/tools/showdown_edit.html" target="_blank" rel="noopener">
            <i class="fa fa-th"></i>
            <span>showdown编辑器</span>
        </a>
        <a href="/tools/Site_thumbnail.html" target="_blank" rel="noopener">
            <i class="fa fa-th"></i>
            <span>网站缩略图生成</span>
        </a>
        <a href="/tools/aaencode.html" target="_blank" rel="noopener">
            <i class="fa fa-th"></i>
            <span>AAencode加密</span>
        </a>
        <a href="/tools/jjencode.html" target="_blank" rel="noopener">
            <i class="fa fa-th"></i>
            <span>JJencode加密</span>
        </a>
        <a href="/tools/json_format.html" target="_blank" rel="noopener">
            <i class="fa fa-th"></i>
            <span>JSON代码格式化</span>
        </a>
    </div>
</div>